﻿<html>

<head>
    <style>
        html,
        body {
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>

<body style="width: 1800px;">

    <div style="width: 1000px;height:350px;overflow: auto;margin:50px; ">

        <div id="test1" style="width: 1000px;height:300px;">
            <input id="txt0" type="text" value="0" />
            <input id="txt1" type="text" value="1" />
            <input id="txt2" type="text" value="2" />测试文字
            <input id="txt3" type="text" value="3" />
            <input id="txt4" type="text" value="4" />
            <input id="txt5" type="text" value="5" />
            <input id="txt6" type="text" value="6" />测试文字
            <input id="txt7" type="text" value="7" />
            <input id="txt8" type="text" value="8" />
            <select>
                <option>AAAA</option>
                <option>BBB</option>
                <option>CCCC</option>
            </select>
            <input id="txt10" type="text" value="10" />测试文字
            <input id="txt11" type="text" value="11" />
            <input id="txt12" type="text" value="12" />
            <input id="txt13" type="text" value="13" />
            <input id="txt14" type="text" value="14" />测试文字
            <input id="txt15" type="text" value="15" />
            <a href="#" onclick="alert('aclick');return false;">click点击</a>
            <input id="txt17" type="text" value="17" />
            <input id="txt18" type="text" value="18" />
            <input id="txt19" type="text" value="19" />
            <input id="txt20" type="text" value="20" />
            <input id="txt21" type="text" value="21" />
            <input id="txt22" type="radio" name="txt22" groupname="radio1" value="1" checked="checked" />
            <input id="txt23" type="radio" name="txt23" groupname="radio1" value="0" />
            <input id="txt24" type="text" value="24" />
            <input id="txt25" type="text" value="25" />
            <input id="txt26" type="text" value="26" />
            <input id="txt27" type="text" value="27" />
            <input id="txt28" type="checkbox" value="28" />
            <input id="txt29" type="checkbox" value="29" />
            <input id="txt30" type="checkbox" value="30" />
            <input id="txt31" type="text" value="31" />
            <input id="txt32" type="text" value="32" />
            <input id="txt33" type="text" value="33" />
            <input id="txt34" type="password" value="34" />
            <input id="txt35" type="password" value="35" />
            <input id="txt36" type="password" value="36" />
            <textarea id="txt37" value="37"></textarea>
            <input id="txt38" type="text" value="38" />
            <input id="txt39" type="text" value="39" />
            <input id="txt40" type="text" value="40" />
            <input id="txt41" type="text" value="41" />
            <input id="txt42" type="text" value="42" />
            <input id="txt43" type="reset" value="43" />
            <input id="txt44" type="text" value="44" />
            <input id="txt45" type="text" value="45" />
            <input id="txt46" type="text" value="46" />
            <input id="txt47" type="text" value="47" />
            <input id="txt48" type="file" value="48" />
            <input id="txt49" type="text" value="49" />
            <input id="txt50" type="button" value="50" onclick="alert('50')" />
            <input id="txt51" type="submit" value="51" onclick="alert('51');return false;" />
        </div>
    </div>
    <iframe src="demo1.html" style="border: 0px;width: 1600px;height: 700px;"></iframe>

    <script src="../watermark.js"></script>
    <script>
        var showMarkText = "测试水印";

        function Dateformat(fthis, fmt) {
            var o = {
                "M+": fthis.getMonth() + 1, //月份
                "d+": fthis.getDate(), //日
                "h+": fthis.getHours(), //小时
                "m+": fthis.getMinutes(), //分
                "s+": fthis.getSeconds(), //秒
                "q+": Math.floor((fthis.getMonth() + 3) / 3), //季度
                "S": fthis.getMilliseconds() //毫秒
            };
            if (/(y+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (fthis.getFullYear() + "").substr(4 - RegExp.$1.length));
            }
            for (var k in o) {
                if (new RegExp("(" + k + ")").test(fmt)) {
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                }
            }
            return fmt;
        }
        var showText = showMarkText + window.location.host + Dateformat(new Date(),"yyyy-MM-dd hh:mm:ss");
        watermark.init({ watermark_txt: showText,watermark_width: 200 });
         setInterval(function () {
             var showText1 = showMarkText + window.location.host + Dateformat(new Date(), "yyyy-MM-dd hh:mm:ss");
             watermark.load({ watermark_txt: showText1, watermark_width: 200 });
         }, 3000); //每3秒刷新一次  3000的单位是毫秒
    </script>
</body>

</html>
